{% if sql_queries %}
    <div id="debug">
        <h2>Queries</h2>
        <p>
            {{ sql_queries|length }} Quer{{ sql_queries|pluralize:"y,ies" }}
        {% ifnotequal sql_queries|length 0 %}
            (<span style="cursor: pointer;" onclick="var s=document.getElementById('debugQueryTable').style;s.display=s.display=='none'?'':'none';this.innerHTML=this.innerHTML=='Show'?'Hide':'Show';">Show</span>)
        {% endifnotequal %}
        </p>
        <table id="debugQueryTable" style="display: none;">
            <col width="1">
            <col>
            <col width="1">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">SQL</th>
                    <th scope="col">Time</th>
                </tr>
            </thead>
            <tbody>
        {% for query in sql_queries %}
                <tr class="{% cycle odd,even %}">
                    <td>{{ forloop.counter }}</td>
                    <td>{{ query.sql|escape }}</td>
                    <td>{{ query.time }}</td>
                </tr>
        {% endfor %}
            </tbody>
        </table>
    </div>
{% endif %}
